﻿<html>
<head>
    <title>Toolbar - jQuery MiniUI 3.0 Documentation</title>    

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="keywords" content="jquery,datagrid,grid,表格控件,ajax,web开发,java开发,.net开发,tree,table,treegrid" />
    <meta name="description" content="jQuery MiniUI - 专业WebUI控件库。jQuery MiniUI是使用Javascript实现的前端Ajax组件库，支持所有浏览器，可以跨平台开发，如Java、.Net、PHP等。" />

    <link href="css/common.css" rel="stylesheet" type="text/css" />
    <script src="core.js" type="text/javascript"></script>
</head>
<body>
    <h3>mini.Toolbar</h3>
    
    <p>工具栏。</p>

    <h4>Extend</h4>
    <p> <a class="extendlink" href="control.html">mini.Control</a></p>    

    <h4>Usage</h4>
<pre class="code"><span style="color:blue">&lt;</span><span style="color:maroon">div </span><span style="color:red">class</span><span style="color:blue">="mini-toolbar"&gt;
    &lt;</span><span style="color:maroon">a </span><span style="color:red">class</span><span style="color:blue">="mini-button" </span><span style="color:red">iconCls</span><span style="color:blue">="icon-add"&gt;</span>增加<span style="color:blue">&lt;/</span><span style="color:maroon">a</span><span style="color:blue">&gt;
    &lt;</span><span style="color:maroon">a </span><span style="color:red">class</span><span style="color:blue">="mini-button" </span><span style="color:red">iconCls</span><span style="color:blue">="icon-edit"&gt;</span>修改<span style="color:blue">&lt;/</span><span style="color:maroon">a</span><span style="color:blue">&gt;
    &lt;</span><span style="color:maroon">a </span><span style="color:red">class</span><span style="color:blue">="mini-button" </span><span style="color:red">iconCls</span><span style="color:blue">="icon-remove"&gt;</span>删除<span style="color:blue">&lt;/</span><span style="color:maroon">a</span><span style="color:blue">&gt;
    &lt;</span><span style="color:maroon">span </span><span style="color:red">class</span><span style="color:blue">="separator"&gt;&lt;/</span><span style="color:maroon">span</span><span style="color:blue">&gt;
    &lt;</span><span style="color:maroon">a </span><span style="color:red">class</span><span style="color:blue">="mini-button" </span><span style="color:red">plain</span><span style="color:blue">="true"&gt;</span>增加<span style="color:blue">&lt;/</span><span style="color:maroon">a</span><span style="color:blue">&gt;
    &lt;</span><span style="color:maroon">a </span><span style="color:red">class</span><span style="color:blue">="mini-button" </span><span style="color:red">plain</span><span style="color:blue">="true"&gt;</span>修改<span style="color:blue">&lt;/</span><span style="color:maroon">a</span><span style="color:blue">&gt;
    &lt;</span><span style="color:maroon">a </span><span style="color:red">class</span><span style="color:blue">="mini-button" </span><span style="color:red">plain</span><span style="color:blue">="true"&gt;</span>删除<span style="color:blue">&lt;/</span><span style="color:maroon">a</span><span style="color:blue">&gt;
    &lt;</span><span style="color:maroon">span </span><span style="color:red">class</span><span style="color:blue">="separator"&gt;&lt;/</span><span style="color:maroon">span</span><span style="color:blue">&gt;
    &lt;</span><span style="color:maroon">input </span><span style="color:red">class</span><span style="color:blue">="mini-textbox" /&gt;      
    &lt;</span><span style="color:maroon">a </span><span style="color:red">class</span><span style="color:blue">="mini-button" </span><span style="color:red">plain</span><span style="color:blue">="true"&gt;</span>查询<span style="color:blue">&lt;/</span><span style="color:maroon">a</span><span style="color:blue">&gt;
&lt;/</span><span style="color:maroon">div</span><span style="color:blue">&gt;
</span></pre>

    <h4>Screenshots</h4>
    <img src="images/toolbar.gif" />

    <h4>Examples</h4>
    <a class="demo" href="../../demo/toolbar/toolbar.html" target="_blank">Toolbar</a>

</body>
</html>
